<!DOCTYPE html>
<html lang="en">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>现场签到</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

		<!--<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">-->
		<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
		<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
		<style type="text/css">
			/*input::-webkit-input-placeholder {
				color: #cccccc;
			}
			
			input::-webkit-outer-spin-button,
			input::-webkit-inner-spin-button {
				-webkit-appearance: none !important;
				margin: 0;
			}*/
		</style>
		<script type='text/javascript'>
			$(function() {
				$.config = {
					router: false
				}
				$.init();

			});

			function checkform() {

				if($.trim($("#mobile").val()).length == 0) {
					$.toast("请输入手机号");
					return false;
				}

				var re = /^1\d{10}$/
				if(re.test($("#mobile").val())) {
					form1.submit();
				} else {
					$.toast("请正确输入手机号");
				}
				return false;
			}
		</script>
		<style>
			
			ul{
				list-style-type:none;
			}
			body {
				/*background-image: url({$info.sign_img1_url});
				background-repeat: no-repeat;
				background-size: 100%;*/
				background-color: pink;
			}
			
			.edit {
				border: 0;
				outline: none;
				background-color: white;
				border-radius: 2px;
				}
		</style>
	</head>

	<body>
		<form action="{:U('checkSign')}" method="post" name="form1" id="form1">
			<input type="hidden" name="inviteid" value="{$info.id}">
			<div class="card">
				<!--<div class="card" >-->
				<div class="list-block">
					<ul>
						<li>
							<div class="item-content">
								<div class="item-media"><i class="icon icon-form-email"></i></div>
								<div class="item-inner">
									<!--<div class="item-title label">手机号 <font color="red">*</font></div>-->
									<div style="position:absolute ;top:18.1em;left: 5.6rem;">
										<input style="width: 12rem;height:1.5em;font-family: '微软雅黑';font-size: 1.1em;text-align: center;color: #919191;" class="edit" type="text" name="mobile" id="mobile" >
									</div>
									<div class="col-100">
										<a href="#" onclick="javascript:checkform();" class="">
											<img style="width: 30vw;position: absolute;top: 22rem;left: 8.5rem;" src="Uploads/2018-03-21/next.png" />
										</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>

			</div>
			<!--<nav class="bar bar-tab" style="background-color:transparent">
				<div class="row">
					<div class="col-100">
						<a href="#" onclick="javascript:checkform();" class="button button-big button-fill button-success" style="background-color: #c4863d;">下一步</a>
					</div>
				</div>
			</nav>-->
		</form>

	</body>

</html>